<section class="main-content">
    <div class="main-content__inner">
        <div class="main-content__right">  
            <dl class="main-content__navi">
                <dt>О Компании</dt>
                <dd>
                    <ul>
                        <li class="selected">
                            <a href="#">Новости</a>
                        </li>
                        <li>
                            <a href="#">Статьи</a>
                        </li>
                        <li>
                            <a href="#">Акции</a>
                        </li>
                        <li>
                            <a href="#">Отзывы</a>
                        </li>
                        <li>
                            <a href="#">Вакансии</a>
                        </li>
                        <li class="last-child">
                            <a href="#">Сотрудничество</a>
                        </li>
                    </ul>
                </dd>
            </dl>
        </div>
        <div class="main-content__left">
            <h1 class="global-small-title">Новости</h1>
            <ul class="news">
                <li>
                    <div class="global-photo">
                        <a href="#">
                            <img alt="news-photo" src="images/src/news-photo.jpg">
                        </a>
                    </div>
                    <div class="news__description">
                        <h2>
                            <a href="#">Большое поступление зап частей для телефонов, ноутбуков и фотоаппаратов</a>
                        </h2>
                        <span class="news__date">14.05.13</span>
                        <p>Уважаемые клиенты, рады вам сообщить, в нашем магазине пополнился ассортимент деталей для телефонов, ноутбуков и фотоаппаратов. Расширение коснулось следующих разделов</p>
                    </div>
                </li>
                <li>
                    <div class="global-photo">
                        <a href="#">
                            <img alt="news-photo2" src="images/src/news-photo2.jpg">
                        </a>
                    </div>
                    <div class="news__description">
                        <h2>
                            <a href="#">Большое поступление зап частей для телефонов, ноутбуков и фотоаппаратов</a>
                        </h2>
                        <span class="news__date">14.05.13</span>
                        <p>Уважаемые клиенты, рады вам сообщить, в нашем магазине пополнился ассортимент деталей для телефонов, ноутбуков и фотоаппаратов. Расширение коснулось следующих разделов</p>
                    </div>
                </li>
                <li>
                    <div class="global-photo">
                        <a href="#">
                            <img alt="news-photo" src="images/src/news-photo.jpg">
                        </a>
                    </div>
                    <div class="news__description">
                        <h2>
                            <a href="#">Большое поступление зап частей для телефонов, ноутбуков и фотоаппаратов</a>
                        </h2>
                        <span class="news__date">14.05.13</span>
                        <p>Уважаемые клиенты, рады вам сообщить, в нашем магазине пополнился ассортимент деталей для телефонов, ноутбуков и фотоаппаратов. Расширение коснулось следующих разделов</p>
                    </div>
                </li>
                <li>
                    <div class="global-photo">
                        <a href="#">
                            <img alt="news-photo2" src="images/src/news-photo2.jpg">
                        </a>
                    </div>
                    <div class="news__description">
                        <h2>
                            <a href="#">Большое поступление зап частей для телефонов, ноутбуков и фотоаппаратов</a>
                        </h2>
                        <span class="news__date">14.05.13</span>
                        <p>Уважаемые клиенты, рады вам сообщить, в нашем магазине пополнился ассортимент деталей для телефонов, ноутбуков и фотоаппаратов. Расширение коснулось следующих разделов</p>
                    </div>
                </li>
                <li>
                    <div class="global-photo">
                        <a href="#">
                            <img alt="news-photo" src="images/src/news-photo.jpg">
                        </a>
                    </div>
                    <div class="news__description">
                        <h2>
                            <a href="#">Большое поступление зап частей для телефонов, ноутбуков и фотоаппаратов</a>
                        </h2>
                        <span class="news__date">14.05.13</span>
                        <p>Уважаемые клиенты, рады вам сообщить, в нашем магазине пополнился ассортимент деталей для телефонов, ноутбуков и фотоаппаратов. Расширение коснулось следующих разделов</p>
                    </div>
                </li>
                <li>
                    <div class="global-photo">
                        <a href="#">
                            <img alt="news-photo2" src="images/src/news-photo2.jpg">
                        </a>
                    </div>
                    <div class="news__description">
                        <h2>
                            <a href="#">Большое поступление зап частей для телефонов, ноутбуков и фотоаппаратов</a>
                        </h2>
                        <span class="news__date">14.05.13</span>
                        <p>Уважаемые клиенты, рады вам сообщить, в нашем магазине пополнился ассортимент деталей для телефонов, ноутбуков и фотоаппаратов. Расширение коснулось следующих разделов</p>
                    </div>
                </li>
            </ul>
            <nav class="page-navi">
                <ul>
                    <li class="page-navi__back">
                        <a href="#">
                            <span>назад</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">1</a>
                    </li>
                    <li class="selected">
                        <a href="#">2</a>
                    </li>
                    <li>
                        <a href="#">3</a>
                    </li>
                    <li>...</li>
                    <li>
                        <a href="#">4</a>
                    </li>
                    <li>
                        <a href="#">5</a>
                    </li>
                    <li class="page-navi__forward">
                        <a href="#">
                            <span>вперёд</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>  
    </div>   
</section>